<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>工作台</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-index.css">
</head>
<body class="childrenBody">


<div class="row">
    <div class="col-lg-7 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">产品与服务应用统计</div>
        </div>

        <div class="gzt_list">
            <a href="javascript:;" class="gzt_item">
                <p>客户数</p>
                <strong>12</strong>
                <p>职工教育云</p>
                <p>网站</p>
            </a>
            <a href="javascript:;" class="gzt_item">
                <p>客户数</p>
                <strong>32</strong>
                <p>职工补贴云</p>
                <p>产品</p>
            </a>
            <a href="javascript:;" class="gzt_item">
                <p>客户数</p>
                <strong>12</strong>
                <p>职工培训云</p>
                <p>产品</p>
            </a>
            <div class="gzt_item" style="border: 1px solid #e5e5e5;padding: 0 10px">
                <div class="text_tab">
                    <p>公益 • 每日一课</p>
                    <em>用户数</em>
                    <strong>184572</strong>
                </div> <hr style="    margin: 10px -10px;">
                <div class="text_tab">
                    <p>求学圆梦行动推广</p>
                    <em> 近一个月访问（人次）</em>
                    <strong>184572</strong>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-5 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">待办事项</div>
        </div>
        <div class="db_list">
            <a href="javascript:;" class="db_item">
                <strong>工单</strong>  待办项：354   <span> > </span>
            </a>
            <a href="javascript:;"  class="db_item">
                <strong>合同</strong>  待办项：354   <span> > </span>
            </a>
            <a href="javascript:;"  class="db_item">
                <strong>订单</strong>  待办项：354   <span> > </span>
            </a>
            <a href="javascript:;"  class="db_item">
                <strong>结算</strong>  待办项：354   <span> > </span>
            </a>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-7 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">近期目标</div>
        </div>

        <div class="jqmb_list">
            <a href="javascript:;">
                <div class="jqmb_item">
                    <p>任务项       <span>目标：2 个地市</span></p>
                    <h2>完成湖南地市的拓展</h2>
                    <em>2018.09.01-2018.10.01</em>
                </div>
            </a>
            <a href="javascript:;">
                <div class="jqmb_item">
                    <p>任务项       <span>目标：2 个地市</span></p>
                    <h2>完成湖南地市的拓展</h2>
                    <em>2018.09.01-2018.10.01</em>
                </div>
            </a>
        </div>

        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">最新动态</div>

            <a href="javascript:;" class="text_item pull-right "><span>@我的消息</span></a>
            <a href="javascript:;" class="text_item pull-right active"><span>最新资讯</span></a>
        </div>

        <div class="zxdt_list">

            <a href="javascript:;">
                <div class="zxdt_item">
                    <img src="../style/images/bg_10.png" alt="">
                    <div class="text_right">
                        <h3 class="h_text_sl_1">国家开发大学企业圆梦大学</h3>
                        <p class="h_text_sl_2">
                            国家开放大学企业圆梦大学是为大企业专属定制的一套双元办学解决方案，
                            面向企业办学，开展学历+职业+岗位“三轨教育”，培养高素质产业工人，解决关键岗位人才瓶颈。
                        </p>
                        <em>2018.09.01-2018.10.01</em>
                    </div>
                </div>
            </a>
            <a href="javascript:;">
                <div class="zxdt_item">
                    <img src="../style/images/bg_10.png" alt="">
                    <div class="text_right">
                        <h3 class="h_text_sl_1">国家开发大学企业圆梦大学</h3>
                        <p class="h_text_sl_2">
                            国家开放大学企业圆梦大学是为大企业专属定制的一套双元办学解决方案，
                            面向企业办学，开展学历+职业+岗位“三轨教育”，培养高素质产业工人，解决关键岗位人才瓶颈。
                        </p>
                        <em>2018.09.01-2018.10.01</em>
                    </div>
                </div>
            </a>
            <a href="javascript:;">
                <div class="zxdt_item">
                    <img src="../style/images/bg_10.png" alt="">
                    <div class="text_right">
                        <h3 class="h_text_sl_1">国家开发大学企业圆梦大学</h3>
                        <p class="h_text_sl_2">
                            国家开放大学企业圆梦大学是为大企业专属定制的一套双元办学解决方案，
                            面向企业办学，开展学历+职业+岗位“三轨教育”，培养高素质产业工人，解决关键岗位人才瓶颈。
                        </p>
                        <em>2018.09.01-2018.10.01</em>
                    </div>
                </div>
            </a>

        </div>
    </div>
    <div class="col-lg-5 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">帮助助手</div>
        </div>

        <div class="bzzs_list">
            <div class="bzzs_item">
                <h3>客户管理</h3>
                <div class="border_1">
                    <a href="javascript:;">
                        <div class="body_item">
                            <img src="../style/images/bg_10.png" alt="">
                            <div class="text_right">
                                <h3 class="h_text_sl_1">湖北省总工会  </h3>
                                <span class="alt_text color_01">发展中</span>
                                <p>发展人：王敏              <span>联系电话：134****1231</span></p>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:;">
                        <div class="body_item">
                            <img src="../style/images/bg_10.png" alt="">
                            <div class="text_right">
                                <h3 class="h_text_sl_1">湖北省总工会  </h3>
                                <span class="alt_text color_02">已发展</span>
                                <p>发展人：王敏              <span>联系电话：134****1231</span></p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="bzzs_item">
                <h3>销售管理</h3>
                <div class="border_1">
                    <a href="javascript:;">
                        <div class="body_item">
                            <img src="../style/images/bg_10.png" alt="">
                            <div class="text_right">
                                <h3 class="h_text_sl_1">湖北省总工会  </h3>
                                <span class="btn_text">平台已部署</span>
                                <p>合同编号：552148336              <span>运行状态：正常</span></p>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:;">
                        <div class="body_item">
                            <img src="../style/images/bg_10.png" alt="">
                            <div class="text_right">
                                <h3 class="h_text_sl_1">湖北省总工会  </h3>
                                <span class="btn_text">平台未部署</span>
                                <p>合同编号：552148336              <span>运行状态：正常</span></p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="bzzs_item">
                <h3>交易管理</h3>
                <div class="border_1">
                    <a href="javascript:;">
                        <div class="body_item">
                            <img src="../style/images/bg_10.png" alt="">
                            <div class="text_right">
                                <h3 class="h_text_sl_1">湖北省总工会  </h3>
                                <span class="btn_text">待回款</span>
                                <p>工会：广东省总共工会              <span>订单金额：25万元</span></p>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:;">
                        <div class="body_item">
                            <img src="../style/images/bg_10.png" alt="">
                            <div class="text_right">
                                <h3 class="h_text_sl_1">湖北省总工会  </h3>
                                <span class="btn_text">已回款</span>
                                <p>工会：广东省总共工会              <span>订单金额：25万元</span></p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="../style/dist/icheck.min.js"></script>
<script>
    /*初始化多选美化*/
    $(document).ready(function () {
        $(".i-checks").iCheck({checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",})
    });

    $(function () {
        $('.nav_list').on('click', 'a', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })


    })
</script>
</body>
</html>